@import '../../../../css/colorVar.less';
@labelWidth: ((12/24)/24) * 6 * 100%;
@labelWidth1: ((12/24)/24) * 8 * 100%;
@spanWidth: ((12/24)/24) * 100%;
:global {
  .trade-select {
    background-color: @table_bg !important;
  }
  .info {
    .extraBtn,
    .SPPI_result {
      > .ant-row {
        z-index: 2;
      }
      :global {
        .ant-form-item-control-wrapper {
          padding-right: 30px;
        }
        .ant-select-selection {
          border-radius: 2px 0 0 2px !important;
        }
        .btnPlus {
          position: absolute;
          right: 0;
          top: -1px;
          width: 30px;
          height: 30px;
          line-height: 30px;
          box-sizing: border-box;
          border: 1px solid @number_border;
          border-left: 0;
          border-radius: 0 2px 2px 0;
          display: flex;
          align-items: center;
          justify-content: space-evenly;
          user-select: none;
          z-index: 10;
          img {
            height: 14px;
            width: 14px;
          }
        }
      }
    }
  }
  // 屏幕适配有顺序
  @media (min-width: 1600px) {
    //大于1600
    .info {
      .extraBtn {
        .flotRight {
          position: absolute;
          left: 0;
          right: 0;
          top: 6px;
          > div {
            width: calc(100% - @spanWidth);
            height: 30px;
            position: relative;
          }
        }
      }
      .SPPI_result {
        .flotRight {
          position: absolute;
          left: 0;
          right: 0;
          top: 6px;
          > div {
            width: calc(@spanWidth*23*2);
            height: 30px;
            position: relative;
          }
        }
      }
      .describe_bank {
        :global {
          .ant-form-item-label {
            width: @labelWidth;
          }
          .ant-form-item-control-wrapper {
            width: calc(100% - @labelWidth - @spanWidth);
          }
        }
      }
    }
  }

  @media (min-width: 1201px) and (max-width: 1600px) {
    //1200<x<1600
    .info {
      .extraBtn {
        .flotRight {
          position: absolute;
          left: 0;
          right: 0;
          top: 6px;
          > div {
            width: calc(100% - @spanWidth*2);
            height: 30px;
            position: relative;
          }
        }
      }
      .SPPI_result {
        .flotRight {
          position: absolute;
          left: 0;
          right: 0;
          top: 6px;
          > div {
            width: calc(@spanWidth*22*2); //占比一半 所以乘2
            height: 30px;
            position: relative;
          }
        }
      }
      .describe_bank {
        :global {
          .ant-form-item-label {
            width: @labelWidth1;
          }
          .ant-form-item-control-wrapper {
            width: calc(100% - @labelWidth1 - @spanWidth*2);
          }
        }
      }
    }
  }
}
